<template>
  <div class="wrapper">
    <div class="header">
      <mu-appbar :z-depth="0" color="primary">
        <mu-button icon slot="left" to="/person">
          <mu-icon value="chevron_left" size="36"></mu-icon>
        </mu-button>
        <div class="title">{{title}}</div>
        <mu-button icon slot="right"></mu-button>
      </mu-appbar>
    </div>
    <div class="content">
      <div class="content-item">
        <div class="content-item-title">关于我们</div>
        <div class="content-item-body">
          <div class="briefIntro" v-html="briefIntroHtml"></div>
        </div>
      </div>
      <!--<div class="content-item">
        <div class="content-item-title">联系我们</div>
        <div class="content-item-body">服务热线：{{hotline}}</div>
      </div>-->
    </div>
  </div>
</template>

<script>
import ComHeader from '@/common/header/ComHeader'
import axios from 'axios'
export default {
  name: 'AboutUs',
  components: {
    ComHeader
  },
  data () {
    return {
      title: '关于我们',
      briefIntro: '山东友昱医疗科技有限公司，致力于移动互联网、大数据、物联网等高新技术在医疗健康领域的科技应用和市场实践。公司顺应医改大方向，自内而外为医院及医疗机构提供互联网化解决方案，打造智慧健康生态闭环，是互联网医疗领域中具成长性高科技企业。',
      hotline: '0539-8231160'
    }
  },
  computed: {
    briefIntroHtml () {
      return '<p>' + this.briefIntro.replace(/\n|\r\n/g, '</p><p>') + '</p>'
    }
  },
  methods: {
    HandleAboutUsData () {
      axios.get('/api/aboutUs.do', {params: {token: this.token}})
        .then(this.getAboutUsDataSucc)
    },
    getAboutUsDataSucc (res) {
      res = res.data
      if (res.ret && res.data) {
        console.log(res)
        this.briefIntro = res.data.briefIntro
        this.hotline = res.data.hotline
      }
    }
  },
  activated () {
    // this.HandleAboutUsData()
  }
}
</script>

<style lang="stylus" scoped>
  .header >>> .mu-appbar-left
    padding-right: 0
  .header
    position: fixed
    left: 0
    top: 0
    right: 0
    height: 1.12rem
    z-index: 101
    .title
      text-align: center
  .content
    position: absolute
    top: 1.12rem
    right: 0
    left: 0
    bottom: 0
    .content-item
      border: 1px solid #dedede
      border-radius: .15rem
      overflow: hidden
      margin: .35rem .24rem
      .content-item-title
        line-height: .65rem
        color: #333
        font-size: .32rem
        padding-left: .2rem
        border-bottom: 1px solid #dedede
        background-color: #f5f5f5
      .content-item-body
        background-color: #fbfbfb
        padding: .25rem .3rem
        font-size: .28rem
        .briefIntro
          text-indent: .56rem
</style>
